<!--
 * @Author: your name
 * @Date: 2021-08-09 11:23:28
 * @LastEditTime: 2021-08-12 11:04:25
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /wyyx/index.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>网易严选</title>
  <link rel="stylesheet" href="./css/wyyx.css">
  <!-- 引入icon字体图标 -->
  <link rel="stylesheet" href="./css/font/demo_index.html">
  <link rel="stylesheet" href="./css/font/iconfont.css">
</head>

<body>
  <!-- 网页顶部 -->
  <header>
    <div class="top">
      <div class="left">
        <i class="iconfont icon-tongzhi"></i>
        <span>因事件（疫情、特大暴雨、台风）影响，部分地区无法配送公告</span>
      </div>
      <div class="right">
        <ul>
          <li><a href="">登录/注册</a></li>
          <li><a href="">我的订单</a></li>
          <li><a href="">会员</a></li>
          <li><a href="">甄选家</a></li>
          <li><a href="">企业采购<i class="iconfont icon-arrowRight-copy"></i></a></li>
          <li><a href="">客户服务<i class="iconfont icon-arrowRight-copy"></i></a></li>
          <li>
            <a href="">APP<i class="iconfont icon-shouji"></i></a>

          </li>
        </ul>
      </div>
    </div>
  </header>
  <!-- 网页顶部结束 -->
  <!-- 内容 -->
  <section>
    <!-- 头部 -->
    <div class="middle">
      <div class="logo">
        <img src="./img/logo.png" alt="">
      </div>
      <div class="search">
        <div class="search_top">
          <i class="iconfont icon-search"></i>
          <input type="text">
          <span class="search_text">搜索</span>
        </div>
        <div class="search_bottom">
          <a href="">七夕礼物</a>
        </div>
      </div>
      <div class="shopcar">
        <div class="car">
          <i class="iconfont icon-gouwuche1"></i>
          <span class="shopcar_text">购物车</span>
          <i class="iconfont icon-0"></i>
        </div>
      </div>
    </div>
    <!-- 搜索结束 -->
    <!-- 列表 -->
    <div class="nav">
      <div class="list">
        <ul>
          <li>
            <a href="">首页</a>
            <div class="second">首页二级菜单...</div>
          </li>
          <li>
            <a href="">居家生活</a>
            <div class="second">居家生活二级菜单...</div>
          </li>
          <li>
            <a href="">服饰鞋包</a>
            <div class="second">服饰鞋包二级菜单...</div>
          </li>
          <li>
            <a href="">美食酒水</a>
            <div class="second">美食酒水二级菜单...</div>
          </li>
          <li>
            <a href="">个护清洁</a>
            <div class="second">个护清洁二级菜单...</div>
          </li>
          <li>
            <a href="">母婴亲子</a>
            <div class="second">母婴亲子二级菜单...</div>
          </li>
          <li>
            <a href="">运动旅行</a>
            <div class="second">二级菜单</div>
          </li>
          <li>
            <a href="">数码家电</a>
            <div class="second">二级菜单</div>
          </li>
          <li>
            <a href="">严选全球</a>
            <div class="second">二级菜单</div>
          </li>
          <li>
            <a href="">为你严选</a>
            <div class="second">二级菜单</div>
          </li>
          <li>
            <a href="">众筹</a>
            <div class="second">二级菜单</div>
          </li>
        </ul>
      </div>
    </div>
    <!-- 列表结束 -->
    <!-- 轮播图 -->
    <div class="lunbo">
      <img src="./img/bg_1.png" alt="图丢了">
    </div>
    <!-- 轮播图结束 -->
    <!-- 热销榜 -->
    <div class="hot_outer">
      <ul class="hot_goods">
        <li>- 热销榜 -</li>
        <li><img src="../img/全站热销榜.webp" alt=""><span>全站<br>热销榜</span></li>
        <li><img src="../img/1居家生活.webp" alt=""><span>居家<br>生活榜</span></li>
        <li><img src="../img/1服饰鞋包.webp" alt=""><span>服饰<br>鞋包榜</span></li>
        <li><img src="../img/1美食酒水.webp" alt=""><span>美食<br>酒水榜</span></li>
        <li><img src="../img/1数码家电.webp" alt=""><span>数码<br>家电榜</span></li>
        <li><img src="../img/1个护清洁.webp" alt=""><span>个护<br>清洁榜</span></li>
        <li><img src="../img/1运动旅行.webp" alt=""><span>运动<br>旅行榜</span></li>
        <li><img src="../img/1母婴亲子.webp" alt=""><span>母婴<br>亲子榜</span></li>
        <li><img src="../img/1全球特色.webp" alt=""><span>全球<br>特色榜</span></li>
      </ul>
    </div>
    <!-- 热销榜结束 -->
    <!-- 右侧边栏 -->
    <div class="right_aside">
      <ul>
        <li>
          <img src="./img/youce.png" alt="">
        </li>
        <li>
          <div class="title">订阅电子刊</div>
          <div class="content">订阅电子刊。。。</div>
        </li>
        <li>
          <div class="title">在线客服</div>
          <div class="content">在线客服。。。</div>
        </li>
        <li>
          <div class="title">回到顶部</div>
          <div class="content">回到顶部。。。</div>
        </li>
      </ul>
    </div>
    <!-- 右侧边栏结束 -->
    <!-- 人气推荐 -->
    <div class="recommend">
      <div class="title">人气推荐</div>
      <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <!-- 人气推荐结束 -->
    <!-- 人气推荐 -->
    <div class="recommend">
      <div class="title">人气推荐</div>
      <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <!-- 人气推荐结束 -->
    <!-- 人气推荐 -->
    <div class="recommend">
      <div class="title">人气推荐</div>
      <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <!-- 人气推荐结束 -->
    <!-- 人气推荐 -->
    <div class="recommend">
      <div class="title">人气推荐</div>
      <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <!-- 人气推荐结束 -->
  </section>
  <!-- 内容结束 -->
  <!-- 底部 -->
  <footer>

  </footer>
  <!-- 底部结束 -->
</body>

</html>